ScrollViewer

滾動條控制項，把整個控制項包在ScrollViewer即可使其有滾動條

    <ScrollViewer Background="CadetBlue" VerticalScrollBarVisibility="Auto">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Image Grid.Row="0" Source="/Resource/001.png"/>
            <Image Grid.Row="1" Source="/Resource/002.png"/>
            <TextBlock Grid.Row="0" Grid.Column="1" Text="答應朋友參加鐵人賽" FontSize="20" Margin="5" VerticalAlignment="Center"/>
            <TextBlock Grid.Row="1" Grid.Column="1" Text="第一天寫完冷靜下來後" FontSize="20" Margin="5" VerticalAlignment="Center"/>
        </Grid>
    </ScrollViewer>

Button

按鈕控制項，可以用Click來控制點擊按鈕後觸發事件，會牽涉到C#邏輯所以這邊先小提一下
另外可以在與之間加上要顯示在按鈕上的文字

<Button Grid.Column="1" Grid.Row="0"  Height="20" Width="50" VerticalAlignment="Top">按鈕</Button>

如果要細部修改Button控制項，可以對著控制項右鍵->編輯範本->編輯複本

全部套用可以使所有按鈕都變成你修改好的範本，也可以使用所引鍵在需要的Button中加入所引鍵
定義於此文建會在當前Xaml檔中加入可編輯的複本，應用程式則會使用分頁顯示複本

接著就會看到密密麻麻的細項可以修改
所以我建議使用定義於應用程式才不會讓主畫面的Xaml看起來跟博恩一樣很大一包